<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>产业链党建大屏主页</title>

    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/animation.css">
    <link rel="stylesheet" href="css/dgovs.css">
    <link rel="stylesheet" href="css/custom.css">
    <link rel="stylesheet" href="css/scrollbar.css">
    <script type="text/javascript" src="js/chart_js/echarts.min.js"></script>
    <script type="text/javascript" src="js/chart_js/echarts-gl.min.js"></script>
    <script type="text/javascript" src="js/load_js.js"></script>
    <!--本地运行-->
    <!--<script type="text/javascript" src="js/chart_js/jquery.min.js"></script>
    <link rel="stylesheet" href="css/font-awesome/css/font-awesome.min.css">-->


    <!--
        <script type="text/javascript" src="js/public_js/jquery-2.2.0.min.js"></script>
        <script type="text/javascript" src="js/public_js/message.min.js"></script>-->

</head>

<body>

<div class="container-fluid h-100 w-100 body ">
    <!--start顶部标题-->
    <div class="row m-0 p-0 h-8">
        <div class="col-md-12 h-100 p-0 text-center div-title">
            <!--            <img src="images/00.title.png">-->
            <!--            <h1>无锡市产业链党建云图</h1>-->
        </div>
    </div>

    <div class="hide" id="single-date"
         dg-chart-listener="singleDateListener"
         dg-chart-widget="8709a7b0a195dc0b47f8">
        <!--产业链党建-单个数据请求组--></div>

    <!--end顶部标题-->

    <!--start中部内容-->
    <div class="row m-0 p-0 h-86">
        <div class="col-md-3 h-100 p-0 text-center" style="width: 28%">
            <div class="col-md-12 h-35 p-0 text-center">
                <div class="col-md-12 h-8 p-0 text-center">
                    <div class="base_title_right h-100">
                        <img src="images/03.titleleft.png"
                             style="width:100%; position: relative;
                        top: -64%;
                        left: 3%;">
                        <p style="
                        position: absolute;
                        top: 51%;
                        left: 37%;
                        transform: translate(-50%, -50%);">
                            党组织覆盖</p>
                    </div>
                </div>
                <div id="main-chart-1" class="col-md-12 h-92">

                </div>
            </div>
            <div class="col-md-12 h-65  text-center">
                <div class="col-md-12 h-8 p-0 text-center">
                    <div class="base_title_right h-100">
                        <img src="images/03.titleleft.png"
                             style="width:100%; position: relative;
                        top: -37%;
                        left: 3%;">
                        <p style="
                        position: absolute;
                        top: 12%;
                        left: 40%;
                        transform: translate(-50%, -50%);">
                            党组织党员情况</p>
                    </div>
                </div>
                <div class="col-md-12 h-92 p-0">
                    <div class="col-md-12 h-25 pb-3">
                        <div class="col-md-6 h-100 p-0">
                            <div class="col-md-5 h-100  blue-bg-big">
                                <p class="dj-number-title ">300</p>
                                <p>“三有”企业</p>
                            </div>
                            <div class="col-md-7 h-100">
                                <div class=" h-25  blue-bg-small">
                                    <text>单建党组织</text>
                                    <text class="dj-number ">300</text>
                                </div>
                                <div class=" h-25  blue-bg-small">
                                    <text>联建党组织</text>
                                    <text class="dj-number ">300</text>
                                </div>
                                <div class=" h-25  blue-bg-small">
                                    <text>联建覆盖</text>
                                    <text class="dj-number ">300</text>
                                </div>
                                <div class=" h-25  blue-bg-small">
                                    <text>党员</text>
                                    <text class="dj-number ">300</text>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 h-100 p-0">
                            <div class="col-md-5 h-100  green-bg-big">
                                <p class="dj-number-title ">300</p>
                                <p>“三有”企业</p>
                            </div>
                            <div class="col-md-7 h-100">
                                <div class=" h-25  green-bg-small">
                                    <text>单建党组织</text>
                                    <text class="dj-number ">300</text>
                                </div>
                                <div class=" h-25  green-bg-small">
                                    <text>联建党组织</text>
                                    <text class="dj-number ">300</text>
                                </div>
                                <div class=" h-25  green-bg-small">
                                    <text>联建覆盖</text>
                                    <text class="dj-number ">300</text>
                                </div>
                                <div class=" h-25  green-bg-small">
                                    <text>党员</text>
                                    <text class="dj-number ">300</text>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 h-25 pb-3">
                        <div class="col-md-6 h-100 p-0">
                            <div class="col-md-5 h-100  blue-bg-big">
                                <p class="dj-number-title ">300</p>
                                <p>“三有”企业</p>
                            </div>
                            <div class="col-md-7 h-100">
                                <div class=" h-25  blue-bg-small">
                                    <text>单建党组织</text>
                                    <text class="dj-number ">300</text>
                                </div>
                                <div class=" h-25  blue-bg-small">
                                    <text>联建党组织</text>
                                    <text class="dj-number ">300</text>
                                </div>
                                <div class=" h-25  blue-bg-small">
                                    <text>联建覆盖</text>
                                    <text class="dj-number ">300</text>
                                </div>
                                <div class=" h-25  blue-bg-small">
                                    <text>党员</text>
                                    <text class="dj-number ">300</text>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 h-100 p-0">
                            <div class="col-md-5 h-100  green-bg-big">
                                <p class="dj-number-title ">300</p>
                                <p>“三有”企业</p>
                            </div>
                            <div class="col-md-7 h-100">
                                <div class=" h-25  green-bg-small">
                                    <text>单建党组织</text>
                                    <text class="dj-number ">300</text>
                                </div>
                                <div class=" h-25  green-bg-small">
                                    <text>联建党组织</text>
                                    <text class="dj-number ">300</text>
                                </div>
                                <div class=" h-25  green-bg-small">
                                    <text>联建覆盖</text>
                                    <text class="dj-number ">300</text>
                                </div>
                                <div class=" h-25  green-bg-small">
                                    <text>党员</text>
                                    <text class="dj-number ">300</text>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 h-25 pb-3">
                        <div class="col-md-6 h-100 p-0">
                            <div class="col-md-5 h-100  blue-bg-big">
                                <p class="dj-number-title ">300</p>
                                <p>“三有”企业</p>
                            </div>
                            <div class="col-md-7 h-100">
                                <div class=" h-25  blue-bg-small">
                                    <text>单建党组织</text>
                                    <text class="dj-number ">300</text>
                                </div>
                                <div class=" h-25  blue-bg-small">
                                    <text>联建党组织</text>
                                    <text class="dj-number ">300</text>
                                </div>
                                <div class=" h-25  blue-bg-small">
                                    <text>联建覆盖</text>
                                    <text class="dj-number ">300</text>
                                </div>
                                <div class=" h-25  blue-bg-small">
                                    <text>党员</text>
                                    <text class="dj-number ">300</text>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 h-100 p-0">
                            <div class="col-md-5 h-100  green-bg-big">
                                <p class="dj-number-title ">300</p>
                                <p>“三有”企业</p>
                            </div>
                            <div class="col-md-7 h-100">
                                <div class=" h-25  green-bg-small">
                                    <text>单建党组织</text>
                                    <text class="dj-number ">300</text>
                                </div>
                                <div class=" h-25  green-bg-small">
                                    <text>联建党组织</text>
                                    <text class="dj-number ">300</text>
                                </div>
                                <div class=" h-25  green-bg-small">
                                    <text>联建覆盖</text>
                                    <text class="dj-number ">300</text>
                                </div>
                                <div class=" h-25  green-bg-small">
                                    <text>党员</text>
                                    <text class="dj-number ">300</text>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 h-25 pb-3">
                        <div class="col-md-6 h-100 p-0">
                            <div class="col-md-5 h-100  blue-bg-big">
                                <p class="dj-number-title ">300</p>
                                <p>“三有”企业</p>
                            </div>
                            <div class="col-md-7 h-100">
                                <div class=" h-25  blue-bg-small">
                                    <text>单建党组织</text>
                                    <text class="dj-number ">300</text>
                                </div>
                                <div class=" h-25  blue-bg-small">
                                    <text>联建党组织</text>
                                    <text class="dj-number ">300</text>
                                </div>
                                <div class=" h-25  blue-bg-small">
                                    <text>联建覆盖</text>
                                    <text class="dj-number ">300</text>
                                </div>
                                <div class=" h-25  blue-bg-small">
                                    <text>党员</text>
                                    <text class="dj-number ">300</text>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 h-100 p-0">
                            <div class="col-md-5 h-100  green-bg-big">
                                <p class="dj-number-title ">300</p>
                                <p>“三有”企业</p>
                            </div>
                            <div class="col-md-7 h-100">
                                <div class=" h-25  green-bg-small">
                                    <text>单建党组织</text>
                                    <text class="dj-number ">300</text>
                                </div>
                                <div class=" h-25  green-bg-small">
                                    <text>联建党组织</text>
                                    <text class="dj-number ">300</text>
                                </div>
                                <div class=" h-25  green-bg-small">
                                    <text>联建覆盖</text>
                                    <text class="dj-number ">300</text>
                                </div>
                                <div class=" h-25  green-bg-small">
                                    <text>党员</text>
                                    <text class="dj-number ">300</text>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>


            </div>

        </div>

        <div class="col-md-6 h-100 p-0 text-center" style=" width: 44%">
            <div class="col-md-12 h-70 p-0 text-center">
                <div class="row col-md-12 m-0 p-0  h-15 div-qiye">
                    <div class="div-qiye-in">“三有”非公有制企业</div>
                    <div class="div-qiye-in">社会组织</div>
                    <!--<img src="images/topTab.png">
                    <img src="images/topTap_en.png">-->

                </div>
                <div class="row col-md-12 m-0 p-0 h-85 w-100 div-map">
                    <img src="images/wx.png" class="w-100 h-100 img-map">
                    <!--地图-->
                    <div id="mainPartMap" class="w-100 h-100">
                        <div class="xq-tag-box w-100">
                            <div class="jy">
                                <img class="w-100 h-100" id="jy" src="./images/dyjy/jy.png" alt="" srcset="">
                                <img class="w-100 h-100 hide lazy-load-img" id="jy01"
                                     data-src="./images/dyjy/jy01.png" alt=""
                                     srcset="">
                            </div>
                            <div class="yx">
                                <img class="w-100 h-100" id="yx" src="./images/dyjy/yx.png" alt="" srcset="">
                                <img class="w-100 h-100 hide lazy-load-img" id="yx01"
                                     data-src="./images/dyjy/yx01.png" alt=""
                                     srcset="">
                            </div>
                            <div class="lx">
                                <img class="w-100 h-100" id="lx" src="./images/dyjy/lx.png" alt="" srcset="">
                                <img class="w-100 h-100 hide lazy-load-img" id="lx01"
                                     data-src="./images/dyjy/lx01.png" alt=""
                                     srcset="">
                            </div>
                            <div class="xs">
                                <img class="w-100 h-100" id="xs" src="./images/dyjy/xs.png" alt="" srcset="">
                                <img class="w-100 h-100 hide lazy-load-img" id="xs01"
                                     data-src="./images/dyjy/xs01.png" alt=""
                                     srcset="">
                            </div>
                            <div class="hs">
                                <img class="w-100 h-100 " id="hs" src="./images/dyjy/hs.png" alt="" srcset="">
                                <img class="w-100 h-100 hide lazy-load-img" id="hs01"
                                     data-src="./images/dyjy/hs01.png" alt="" srcset="">
                            </div>
                            <div class="bh">
                                <img class="w-100 h-100" id="bh" src="./images/dyjy/bh.png" alt="" srcset="">
                                <img class="w-100 h-100 hide lazy-load-img" id="bh01"
                                     data-src="./images/dyjy/bh01.png" alt=""
                                     srcset="">
                            </div>
                            <div class="xw">
                                <img class="w-100 h-100" id="xw" src="./images/dyjy/xw.png" alt="" srcset="">
                                <img class="w-100 h-100 hide lazy-load-img" id="xw01"
                                     data-src="./images/dyjy/xw01.png" alt=""
                                     srcset="">
                            </div>
                            <div class="jk">
                                <img class="w-100 h-100" id="jk" src="./images/dyjy/jkq.png" alt="" srcset="">
                                <img class="w-100 h-100 hide lazy-load-img" id="jk01"
                                     data-src="./images/dyjy/jkq01.png" alt=""
                                     srcset="">
                            </div>

                            <div class="wx">
                                <img class="w-100 h-100" id="wx" src="./images/dyjy/wx.png" alt="" srcset="">
                                <img class="w-100 h-100 hide lazy-load-img" id="wx01"
                                     data-src="./images/dyjy/wx01.png" alt=""
                                     srcset="">
                            </div>
                        </div>

                    </div>
                    <!--地图-->
                </div>
            </div>
            <div class="col-md-12 h-30 p-0 text-center">
                <div class="col-md-12 h-8 p-0 text-center">
                    <div class="base_title_right h-100">
                        <img src="images/03.titleleft.png" style="
                        width: 68%;
                        position: relative;
                        top: -70%;
                        left: -15%;
                        ">
                        <p style="
                        position: absolute;
                        top: 68%;
                        left: 24%;
                        transform: translate(-50%, -50%);
                        ">
                            党组织覆盖</p>
                    </div>
                </div>
                <div id="main-chart-2" class="col-md-12 h-92">

                </div>
            </div>

        </div>

        <div class="col-md-3 h-100 p-0 m-0 text-center" style=" width: 28%">


            <div class="col-md-12 h-8 p-0 text-center">
                <div class="base_title_right h-100">
                    <img src="images/17.titleright.png" style="width:100%">
                    <p style="
                        position: relative;
                        top: -63%;
                        left: 62%;
                        transform: translate(-50%, -50%);
                        ">党的工作覆盖</p>
                </div>

            </div>
            <div class="col-md-12 h-25 p-0 text-center sanzhang">
                <div id="main-chart-3" class="col-md-12 h-100">

                </div>
            </div>
            <div class="col-md-12 h-8 p-0 text-center">
                <div class="base_title_right h-100">
                    <img src="images/17.titleright.png" style="width:100%">
                    <p style="
                        position: relative;
                        top: -63%;
                        left: 62%;
                        transform: translate(-50%, -50%);
                        ">远派指导员情况</p>
                </div>

            </div>
            <div class="col-md-12 h-25 p-0 text-center sanzhang">
                <div id="main-chart-4" class="col-md-12 h-100">

                </div>
            </div>

            <div class="col-md-12 h-8 p-0 text-center">
                <div class="base_title_right h-100">
                    <img src="images/17.titleright.png" style="width:100%">
                    <p style="
                        position: relative;
                        top: -65%;
                        left: 62%;
                        transform: translate(-50%, -50%);
                        ">工青妇情况</p>
                </div>
            </div>

            <div class="col-md-12 h-25 p-0 text-center">
                <div id="main-chart-5" class="col-md-12 h-100">

                </div>
            </div>


        </div>
    </div>
    <!--end中部内容-->

    <!--start底部标题-->
    <div class="row m-0 p-0 h-5">
        <div class="col-md-12 h-100   p-0 text-center div-bottom">
            <h1 id="bottom-year">202502</h1>
            <h1 id="bottom-diqu" class="">无锡市</h1>
        </div>
    </div>
    <!--end底部标题 -->

    <div class="markerboxlist hide">
        <!--    <div class="closebtnlist text-center"><i class="fa fa-close fc-white"></i></div>-->
        <div id="active-content"></div>
        <!--        <img style="width: 350px" src="images/15.列表浮窗.png">-->
    </div>
    <!--大弹窗-->
    <!--    big-myhide-->
    <div class="big-markerboxlist-bg hide">
        <div class="big-markerboxlist  ">
            <!--    <div class="closebtnlist text-center"><i class="fa fa-close fc-white"></i></div>-->

            <div class="big-active-title">需求清单</div>
            <button class="big-btn-close">×</button>
            <div class="big-active-content">
            </div>
            <img style="width: 1218px; " class="lazy-load-img" data-src="images/bigLog.png">
        </div>
    </div>
    <!--1/2弹窗-->
    <div class="big-markerboxlist-bg-0_5 hide">
        <div class="big-markerboxlist-0_5  ">
            <!--    <div class="closebtnlist text-center"><i class="fa fa-close fc-white"></i></div>-->
            <div class="big-active-title-0_5">活动详情</div>
            <button class="big-btn-close-0_5">×</button>
            <div class="big-active-content-0_5"></div>
            <img style="width: 609px; " class="lazy-load-img" data-src="images/bigLog.png">

        </div>
    </div>

    <div class="diqu-dialog hide">
        <ol class="diqu-dialog-ol">
        </ol>
        <!--        <img style="width: 276px;max-height: 243px" src="images/41.弹窗背景框.png" alt="">-->
        <img style="width: 276px;max-height: 243px" class="lazy-load-img" data-src="images/41.弹窗背景框.png">

        <img class="arrow lazy-load-img" data-src="images/40.弹窗展开箭头.png" alt="">

    </div>


</div>
<script type="text/javascript" src="./js/base.js"></script>
<script type="text/javascript" src="./js/page.js"></script>
<script type="text/javascript" src="js/chart_js/myBar1.js"></script>
<script type="text/javascript" src="js/chart_js/myBar2.js"></script>
<script type="text/javascript" src="js/chart_js/myBar3.js"></script>
<script type="text/javascript" src="js/chart_js/myBar4.js"></script>
<script type="text/javascript" src="js/chart_js/myBar5.js"></script>
<script type="text/javascript" src="js/chart_js/cone.js"></script>
<script type="text/javascript" src="js/tip.js"></script>
<script type="text/javascript" src="js/chart_config.js"></script>

<script>
    let noFirst = false


    let diqu =
        {
            al: "无锡市",
            wx: "市级机关",
            yx: "宜兴市",
            bh: "滨湖区",
            jy: "江阴市",
            xs: "锡山区",
            hs: "惠山区",
            xw: "新吴区",
            jk: "经开区",
            lx: "梁溪区"
        }

    let currentDiqu = 'al'
    getYaer()

    function getYaer() {
        let date = new Date(),
            year = date.getFullYear(), //获取完整的年份(4位)
            month = date.getMonth() + 1, //获取当前月份(0-11,0代表1月)
            strDate = date.getDate() // 获取当前日(1-31)
        if (month < 10) month = `0${month}` // 如果月份是个位数，在前面补0
        if (strDate < 10) strDate = `0${strDate}` // 如果日是个位数，在前面补0
        // return `${year}-${month}-${strDate}`
        $("#bottom-year").text(`${year}${month}`);
    }


    let dateDiqu = []

    // 当显示这个容器时，加载图片
    function showBigMarkerBox() {
        // 2. 查找所有待加载的图片
        const lazyImages = document.querySelectorAll('img.lazy-load-img[data-src]');
        // 3. 替换 data-src 为 src，触发图片加载
        lazyImages.forEach(img => {
            img.src = img.dataset.src;
            img.onload = () => console.log('图片加载完成:', img.src);
            img.onerror = () => console.error('图片加载失败:', img.dataset.src);
        });
    }

    function countSecond() {
        setTimeout("showBigMarkerBox()", 2000)
    }

    // 执行函数
    countSecond()
</script>
<script type="text/javascript" src="js/refresh_table.js"></script>
<script type="text/javascript" src="js/switch_area.js"></script>
<script type="text/javascript" src="js/chart_js/bar.js"></script>
<link rel="stylesheet" href="css/table.css">
</body>

</html>